<template>
  <div class="logo">
    <router-link :to="{name:'dashboard'}">

      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
<!--      <img v-if="navTheme === 'dark'" src="~@/assets/logo-white.png" alt="logo">-->
<!--      <img v-else src="~@/assets/logo.png" alt="logo">-->
      <!-- <img src="~@/assets/eduLogo2x.png" alt="logo"> -->
      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->

<!--      font-weight: bold;-->
      <h1 style="
    font-family: Microsoft YaHei;
    font-size:30px;
    color: #FFFFFF;margin-left: 16px;letter-spacing:3px;">{{ title }}</h1>
    </router-link>
  </div>
</template>

<script>
  import { mixin } from '@/utils/mixin.js'

  export default {
    name: 'Logo',
    mixins: [mixin],
    props: {
      title: {
        type: String,
        default: '教务管理系统',
        required: false
      },
      showTitle: {
        type: Boolean,
        default: true,
        required: false
      }
    }
  }
</script>
<style lang="less" scoped>
  /*@height: 59px;*/
  /*蓝湖设计稿高72px
  @height: 72px;*/
  @height: 80px;//0709格式文件要求80px

  .sider {
    box-shadow: none !important;
    .logo {
      height: @height !important;
      line-height: @height !important;
      box-shadow: none !important;
      transition: background 300ms;

      background-color: #2E437D;
      /*a {*/
      /*  color: white;*/
      /*  &:hover {*/
      /*    color: rgba(255, 255, 255, 0.8);*/
      /*  }*/
      /*}*/
    }

    &.light .logo {
      background-color: @primary-color;
    }
  }
</style>